<template>
  <div>
    <div><search-item></search-item></div>
    <div class="mt20">
      <el-table
        height="700"
        border
        style="width: 100%"
        v-loading="loading"
        element-loading-text="拼命加载中"
        :data="tableData"
        border
        size="mini"
      >
        <el-table-column
          prop=""
          label="用户ID"
        >
        </el-table-column>
        <el-table-column
          prop=""
          label="用户手机"
        >
        </el-table-column>
        <el-table-column
          prop=""
          label="睿汇账号">
        </el-table-column>

        <el-table-column
          prop=""
          width="110"
          label="睿汇MT4账号">
        </el-table-column>
        <el-table-column
          prop=""
          label="富德账号">
        </el-table-column>
        <el-table-column
          prop=""
          width="110"
          label="富德MT4账号">
        </el-table-column>
        <el-table-column
          prop=""
          label="运营商">
        </el-table-column>
        <el-table-column
          prop=""
          label="昵称">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="注册时间">
        </el-table-column>
        <el-table-column
          prop=""
          label="账号状态">
        </el-table-column>
        <el-table-column
          prop=""
          label="授权状态">
        </el-table-column>
        <el-table-column
          prop=""
          label="省份">
        </el-table-column>
        <el-table-column
          prop=""
          label="市">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="购买免费课程次数">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="购买收费课程次数">
        </el-table-column>
        <el-table-column
          prop=""
          label="总跟单数">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="总交易金额">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="总盈亏金额">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="最近交易时间">
        </el-table-column>
        <el-table-column
          prop=""
          width="120"
          label="累计充值金额">
        </el-table-column>
        <el-table-column
          prop=""
          width="150"
          label="累计消费珍珠">
        </el-table-column>
        <el-table-column
          prop=""
          width="110"
          label="实际消费珍珠">
        </el-table-column>
        <el-table-column
          prop=""
          width="110"
          label="账户剩余珍珠">
        </el-table-column>
        <el-table-column
          prop=""
          width="110"
          label="短信服务到期时间">
        </el-table-column>
        <el-table-column
          prop=""
          width="110"
          label="备注">
        </el-table-column>
        <el-table-column
          fixed="right"
          label="操作">
          <template slot-scope="scope">
            <el-button type="text" size="mini" @click="toUserDetails">详情</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div class="block mt10 tc mb10">
      <el-pagination
        background
        @current-change="handleCurrentChange"
        :current-page.sync="page"
        :page-size="pageSize"
        layout="total, prev, pager, next"
        :total="total">
      </el-pagination>
      <br>
    </div>
  </div>
</template>
<script>
  import service from '@/service';
  import searchItem from './searchUserManagement.vue';
  export default {
    data(){
      return {
        tableData:[],
        loading:true,
        page:1,
        pageSize:10,
        total:0
      }
    },
    mounted(){
      this.getQueryDataList();
    },
    methods:{
      async  getQueryDataList(){
        let result =await service.haiBeiServerQueryDataList();
        if(result.success){
          this.tableData=result.data;
          this.loading=false;
          this.total=result.total;
        }
      },
      handleCurrentChange(val){
        console.log(val);
      },
      toUserDetails(){ //跳转到详情
        this.$router.push({name:'userDetails'});
      }
    },
    components:{
      searchItem
    }

  }
</script>

